/*将所有标签清空默认格式*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/*将背景色变成黑色*/
body{
	background-color: black;
	/*最小宽度*/
	min-width: 800px;
}
/*将网页所有链接去掉下划线*/
a{
	text-decoration: none;
}
/*导航栏*/
.header{
	/*与游览器同宽*/
	width: 100%;
	height: 48px;
	/*background-color: deepskyblue;*/
	/*固定定位*/
	position: fixed;
	top: 0;
	left: 0;
	/*将导航栏的层次设置为最大*/
	z-index: 999;
}
.header .headerContent{
	width: 1200px;
	height: 48px;
	/*background-color: pink;*/
	margin: auto;
}
.header .headerContent img{
	/*右浮动*/
	float: left;
	margin-top: 10px;
}
.header .headerContent .nav{
	width: 350px;
	height: 48px;
	/*background-color: yellow;*/
	/*左浮动*/
	float: right;
	/*让nav中的文本水平居中*/
	text-align: center;
	/*当行高等于盒子高,文本自动垂直居中*/
	line-height: 48px;
}
.header .headerContent .nav a{
	color: #a4a4a4;
	margin-left: 40px;
}
/*鼠标移到链接时有下划线,移出消失*/
.header .headerContent .nav a:hover{
	text-decoration: underline;
}
/*修改fullpage插件右边导航条圆点背景色*/
#fp-nav ul li a span{
	background-color: white;
}
/*将每一屏中的文本设置为白色,且字体加大*/
#fullpage .section{
	color: white;
/*	font-size: 66px;*/
}
/*背景图片，且图片居中*/
.section1{
	background-image: url(../images/section1_bg.jpg);
	background-position: center;
}
/*文字和链接*/
.title-box{
	width: 100%;
	/*background-color: pink;*/
	position: absolute;
	top: 150px;
	text-align: center;
}
/*只针对第一屏的字体设置*/
#fullpage .section1{
	font-size: 60px;
}
/*背景图片*/
.title-box a{
	display: block;
	width: 300px;
	height: 60px;
	background-image: url(../images/links.png);
	margin: auto;
	margin-top: 25px;
}
.title-box a:hover{
	/*background-position:x坐标  y坐标;带单位*/
	background-position: -300px 0;
}
/*小球*/
#fullpage .section #ball1{
	position: absolute;
	top:22.7%;
	left: 20%;
	width: 13.2%;
	/*没有设置高,那么由图片本身高来决定*/
	/*小球使用ball动画*/
	animation: ball 3s linear infinite alternate;
}
/*大球*/
#fullpage .section #ball2{
	position: absolute;
	top:49.8%;
	left: 65.16%;
	width: 22.3%;
	/*没有设置高,那么由图片本身高来决定*/
	/*大球使用ball动画*/
	animation: ball 3s linear infinite alternate;
}
/*定义大小二球的动画,由下向上移动*/
@keyframes ball{
	/*从哪开始*/
	from{
		transform: translateY(0);
	}
	/*到哪结束*/
	to{
		transform: translateY(-25px);
	}
}
/*卫星*/
#fullpage .section #ship{
	position: absolute;
	left: 63.96%;
	top: 40.18%;
	width: 7.2%;
	/*使用卫星动画*/
	animation: ship 25s linear infinite;
}
/*创建卫星动画*/
@keyframes ship{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
/*设置第2,3,4,5屏的视频宽高*/
.section video{
	width: 100%;
	height: 100%;
}
/*第二屏的文字模块*/
.word-content{
	position: absolute;
	/*width: 300px;
	height: 300px;
	background-color: pink;*/
	left: 18%;
	top: 50%;
	transform: translateY(-50%);
	/*默认隐藏文字模块*/
	display: none;
}
/*文字模块三种不同大小的字体*/
.bigword{
	font-size: 60px;
}
.midword{
	font-size: 36px;
}
.smallword{
	font-size: 16px;
	margin-top: 12px;
}
/*短线*/
.line{
	width: 30px;
	height: 3px;
	background-color: #5E5E5E;
	margin-top: 12px;
	margin-bottom: 12px;
}
/*文字模块中的链接*/
.word-content a{
	display: block;
	width: 200px;
	height: 48px;
	background-image: url(../images/link2.png);
	margin-top: 50px;
}
/*当鼠标移入链接时,将背景图片右移*/
.word-content a:hover{
	background-position: -200px 0px;
}
/*第五屏底部模块*/
.footer{
	width: 100%;
	height: 80px;
	background-color: #131415;
	position: absolute;
	left: 0;
	bottom: 0;
	/*文本水平居中*/
	text-align: center;
	color: #4A4A4A;
	font-size: 12px;
}
/*定义footer下的img*/
.footer img{
	vertical-align: middle;
}
